@charset "utf-8";

/*www.jq22.com*/
body,
ul,
dl,
dd,
dt,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
form,
select,
fieldset,
table,
td,
div,
input {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 36px;
}

body>div {
  margin: 0 auto
}

div {
  text-align: left
}

a img {
  border: 0
}

body {
  color: #333;
  text-align: center;
  font: 12px "宋体";
}

ul,
ol,
li {
  list-style-type: none;
  vertical-align: 0
}

a {
  outline-style: none;
  color: #535353;
  text-decoration: none
}

a:hover {
  color: #D40000;
  text-decoration: none
}

.clear {
  height: 0;
  overflow: hidden;
  clear: both
}

.button {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: 0.25em 0.6em 0.3em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.red {
  color: #faddde;
  border: solid 1px #980c10;
  background: #d81b21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));
  background: -moz-linear-gradient(top, #ed1c24, #A51715);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
  font-size: 14px !important;
}


.red:hover {
  background: #b61318;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
  background: -moz-linear-gradient(top, #c9151b, #a11115);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
  color: #fff;
}

.red:active {
  color: #de898c;
  background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
  background: -moz-linear-gradient(top, #aa1317, #ed1c24);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/*www.jq22.com CSS结束，应用特效时，以上样式可删除*/
/* 效果CSS开始 */
* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0%;
  
}

.container .page {
  height: 100%;
  overflow: hidden;
  position: relative;
  background-color: #7e8de0;
  background-size: 100%;
}

.page .bg {
  position: absolute;
  z-index: 1;
}

.page .bg img {
  width: 100%;
}

.page .bottom_bg {
  bottom: 0;
  width: 100%;
}

.page .top_ri {
  top: 0;
  right: 0;
  width: 2.97rem;
}

.page .top_lf {
  top: 0;
  left: 0;
  width: 1.79rem;
}

.page .bottom_bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;

}

.page .con {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}



.page .next {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  text-align: center;
  z-index: 99;
}

.page .next img {
  width: .48rem;
  animation:changes 2s linear infinite alternate;
  -webkit-animation:changes 2s linear infinite alternate;
  -o-animation:changes 2s linear infinite alternate;
  -moz-animation:changes 2s linear infinite alternate;
}

@keyframes changes {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  50% {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
}

  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@-moz-keyframes changes {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  50% {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@-webkit-keyframes changes {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  50% {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@-o-keyframes changes {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  50% {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

.page:not(.page0) .top_ri {
  z-index: 3;
}

.page:not(.page0) .border {
  position: absolute;
  width: 6.54rem;
  height: 84.58vh;
  border: .16rem solid #fff;
  box-sizing: border-box;
  top: 4.81vh;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 2;
}

.page:not(.page0) .border.border_con {
  border-color: transparent;
  padding: .13rem;
  z-index: 3;
}

.page:not(.page0) .border.border_con .con {
  position: relative;
  width: auto;
  height: 100%;
  background: #fff;
}


.con-top img {
  width: 100%;
}

.con-bot {
  width: 100%;
  position: absolute;
  bottom: 0;

}

.con-bot img {
  width: 100%;
}



.page0 .tit {
  /* padding-top: 1.04rem; */
  padding-top: 9vh;
  text-align: center;
}

.page0 .tit img {
  width: 5.28rem;
}

.page0 .tit2 {
  padding-top: 2vh;
  text-align: center;
}

.page0 .tit2 img {
  width: 5.18rem;
}

.page0 p {
  /* margin-top: 42vh; */
  position: absolute;
  bottom: 10vh;
  width: 100%;
  text-align: center;
}

.page0 p img {
  width: 6.92rem;
}

.page:not(.page0) .tit {
  margin-top: .88rem;
  width: 100%;
  text-align: center;
}

.page1 .tit {
  margin-top: .48rem;
  width: 100%;
  text-align: center;
}

.page1 .tit img {
  width: 3.56rem;
}

.page1 .text2 {

  width: 100%;
  text-align: center;
}

.page1 .text2 img {
  width: 4.84rem;
}

.page1 .text2 .img1 {
  margin-top: .72rem;

}

.page1 .text2 .img2 {
  margin-top: .44rem;
}

.page1 .text2 .img3 {
  margin-top: .74rem;
}


.page2 .tit {
  margin-top: .48rem;
  text-align: center;
}

.page2 .tit img {
  width: 3.6rem;
}

/* .page2 .text2 {
  top: 31.67vh !important;
} */


.page2 .text2 img {
  width: 4.96rem;
}


.page2 .text2 .img1 {
  margin-top: 4.48vh;
}

.page2 .text2 .img2 {
  margin-top: 4.48vh;
}

.page3 .tit img {
  width: 3.34rem;
}

/* .page3 .text2 {
  top: 23.05vh !important;
} */
.page3 .text2 {
  text-align: center;
}

.page3 .text2 .img1 {
  margin-top: .32rem;
  width: 3.64rem;
  margin-bottom: 2.98vh;
}

.page3 .text2 .img2 {
  width: 5.52rem;
}

.page4 .tit img {
  width: 2.8rem;
}

/* .page4 .text2 {
  top: 31.67vh !important;
} */

.page4 .text2 .img {
  margin: auto;
  background-image: url(../images/page5_wxbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 3.1rem;
  height: 3.64rem;
  padding-top: .72rem;
  box-sizing: border-box;
  text-align: center;
}

.page4 .text2 .img img {
  width: 2.8rem;
}

.wx-text {
  margin-top: .2rem;
  font-size: .28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(34, 34, 34, 1);
  text-align: center;
}

.people {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.24rem;
  z-index: 10;
}

.people img {
  width: 100%;
}

.flex_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
}

.flex1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.grow1 {
  flex-grow: 1;
}

.flex_space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.flex_mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text2 {
  position: relative;
}

.page3_text_tit {
  margin-top: .32rem;
  font-size: .36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(132, 93, 210, 1);
  line-height: 1.5;
  margin-bottom: .1rem;
}

.page3_text_tit2 {
  font-size: .26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(74, 74, 74, 1);
  line-height: 1.5;
}

.text2_2 {
  margin-top: .36rem;
}

p.page3_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .66rem .28rem .46rem;
  font-size: .28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(115, 91, 207, 1);
  line-height: 1.5;
  text-align: justify;
}

/* index_new */
.page0 .but_dow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  justify-content: center;
  margin: auto;

  width: 4.20rem;
  height: .88rem;

  background: linear-gradient(180deg, rgba(255, 143, 97, 1) 0%, rgba(198, 29, 101, 1) 100%);
  box-shadow: 0px .04rem .08rem 0px rgba(50, 68, 172, 0.43);
  border-radius: .44rem;
  -webkit-border-radius: .44rem;
  -moz-border-radius: .44rem;
  -ms-border-radius: .44rem;
  -o-border-radius: .44rem;
  border: 0;

  font-size: .32rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  /* line-height:44px; */
}

.new_page1_text {
  margin: .2rem auto .36rem;
}

.new_page1_text p {
  font-size: .26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(74, 74, 74, 1);
  line-height: 1.5;
}

 .contact_item {
  margin: 0 auto .4rem;
  width: 5.42rem;
  height: 1.88rem;
  background: rgba(123, 120, 223, .1);
  position: relative;
}

 .contact_item:first-child:before {
  position: absolute;
  /* content: ''; */
  left: 3.5rem;
  top: 50%;
  display: inline-block;
  width: .04rem;
  height: .78rem;
  background: rgba(123, 120, 223, .1);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.inde_new .page3 .tit img{
  width: 4.9rem;
}

.contact_item .left {
  padding-left: .34rem;
}

.contact_item .title {
  font-size: .28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(34, 34, 34, .6);
}

.contact_item_con {
  font-size: .36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(34, 34, 34, 1);
  line-height: 1.5;
}

.cop_wx {
  box-shadow: 0px .04rem .08rem 0px rgba(120, 93, 208, 0.1);
  border-radius: .08rem;
  border: .02rem solid rgba(128, 97, 209, 1);
  -webkit-border-radius: .08rem;
  -moz-border-radius: .08rem;
  -ms-border-radius: .08rem;
  -o-border-radius: .08rem;

  padding: .04rem .1rem;
  font-size: .24rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(128, 97, 209, 1);
}

 .bot {
  position: absolute;
  bottom: .36rem;
  width: 100%;

  font-size: .26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(74, 74, 74, 1);
  text-align: center;
  line-height: 1.5;
  letter-spacing: .01rem;
}



/* 重写 layui*/
.layui-layer-dialog .layui-layer-content {
  font-size: .28rem !important;
  padding: .24rem .5rem !important;

}

.layui-layer-msg {
  width: auto !important;
}
/* 效果CSS结束 */